

        <div class="widewrapper main">
        <div class="container">
            <div class="row">
                <div class="col-md-8 blog-main">
                <?php if(isset($AllBlog)){ ?>
                    <?php for($i=0;$i<$NumBlog;$i++){ ?>
                    <div class="row">
                    <?php $dem =0; foreach ($AllBlog as $key => $value) { ?>
                        <div class="col-md-6 col-sm-6">
                            <article class=" blog-teaser">
                                <header>
                                    <img src="<?php echo base_url(); ?>asset/home/images/cat.png" alt="A Cat">
                                    <h3><a href=""><?php echo $value['title']; ?></a></h3>
                                    <span class="meta"><?php echo $value['date'].', '.$value['author']; ?></span>
                                    <hr>
                                </header>
                                <div class="body">
                                   <?php echo $value['content']; ?>  
                                </div>
                                <div class="clearfix">
                                    <a href="<?php echo base_url(); ?>" class="btn btn-tales-one">Read more</a>
                                </div>
                            </article>
                        </div>
                        <?php $dem++; unset($AllBlog[$key]); if($dem == 2){ break;}} ?>
                    </div>
                    <?php } ?>
                    
                <?php } ?>
                    



                    <div class="paging">
                        <a href="http://demo.hackerthemes.com/tales/html-version/v2-1-survey/index.html#" class="newer"><i class="fa fa-long-arrow-left"></i> Newer</a>
                         <span>•</span>
                        <a href="http://demo.hackerthemes.com/tales/html-version/v2-1-survey/index.html#" class="older">Older <i class="fa fa-long-arrow-right"></i></a>
                    </div>
                </div>
                <aside class="col-md-4 blog-aside">
                    
                    <div class="aside-widget">
                        <header>
                            <h3>Read next...</h3>
                        </header>
                        <div class="body">
                            <ul class="tales-list">
                                <li><a href="./Tales - Blog_files/Tales - Blog.html">Email Encryption Explained</a></li>
                                <li><a href="http://demo.hackerthemes.com/tales/html-version/v2-1-survey/index.html#">Selling is a Function of Design.</a></li>
                                <li><a href="http://demo.hackerthemes.com/tales/html-version/v2-1-survey/index.html#">It’s Hard To Come Up With Dummy Titles</a></li>
                                <li><a href="http://demo.hackerthemes.com/tales/html-version/v2-1-survey/index.html#">Why the Internet is Full of Cats</a></li>
                                <li><a href="http://demo.hackerthemes.com/tales/html-version/v2-1-survey/index.html#">Last Made-Up Headline, I Swear!</a></li>
                            </ul>
                        </div>
                    </div>
                
                    <div class="aside-widget">
                        <header>
                            <h3>Authors Favorites</h3>
                        </header>
                        <div class="body">
                            <ul class="tales-list">
                                <li><a href="./Tales - Blog_files/Tales - Blog.html">Email Encryption Explained</a></li>
                                <li><a href="http://demo.hackerthemes.com/tales/html-version/v2-1-survey/index.html#">Selling is a Function of Design.</a></li>
                                <li><a href="http://demo.hackerthemes.com/tales/html-version/v2-1-survey/index.html#">It’s Hard To Come Up With Dummy Titles</a></li>
                                <li><a href="http://demo.hackerthemes.com/tales/html-version/v2-1-survey/index.html#">Why the Internet is Full of Cats</a></li>
                                <li><a href="http://demo.hackerthemes.com/tales/html-version/v2-1-survey/index.html#">Last Made-Up Headline, I Swear!</a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="aside-widget">
                        <header>
                            <h3>Tags</h3>
                        </header>
                        <div class="body clearfix">
                            <ul class="tags">
                                <li><a href="http://demo.hackerthemes.com/tales/html-version/v2-1-survey/index.html#">OpenPGP</a></li>
                                <li><a href="http://demo.hackerthemes.com/tales/html-version/v2-1-survey/index.html#">Django</a></li>
                                <li><a href="http://demo.hackerthemes.com/tales/html-version/v2-1-survey/index.html#">Bitcoin</a></li>
                                <li><a href="http://demo.hackerthemes.com/tales/html-version/v2-1-survey/index.html#">Security</a></li>
                                <li><a href="http://demo.hackerthemes.com/tales/html-version/v2-1-survey/index.html#">GNU/Linux</a></li>
                                <li><a href="http://demo.hackerthemes.com/tales/html-version/v2-1-survey/index.html#">Git</a></li>
                                <li><a href="http://demo.hackerthemes.com/tales/html-version/v2-1-survey/index.html#">Homebrew</a></li>
                                <li><a href="http://demo.hackerthemes.com/tales/html-version/v2-1-survey/index.html#">Debian</a></li>                            
                            </ul>
                        </div>
                    </div>
                </aside>
            </div>
        </div>
    </div>

   